.content {
  display: flex;
}

.modelLeft {
  width: 50%;

  .coverImg {
    margin-bottom: 10px;

    .text {
      margin-bottom: 10px;
    }
  }

  .campusImg {
    margin-bottom: 10px;

    .text {
      margin-bottom: 10px;
    }
  }
}

.modelRight {
  width: 50%;

  .publicity {
    margin-bottom: 47px;

    .text {
      margin-bottom: 10px;
    }
  }

  .introduce {
    margin-bottom: 10px;

    .text {
      margin-bottom: 10px;
    }
  }
}

.functionBtn {
  display: flex;
  justify-content: flex-end;

  .affirm {
    width: 55px;
    line-height: 25px;
    margin-right: 15px;
    background: linear-gradient(90deg, #68ecd8 0%, #29a6ff 80%);
    color: #fff;
    text-align: center;
    border-radius: 15px;
    cursor: pointer;
    border: none;
  }

  .cancel {
    width: 55px;
    line-height: 25px;
    background-color: #9a9a9a;
    color: #fff;
    text-align: center;
    border-radius: 15px;
    cursor: pointer;
  }
}

:global {
  .ant-spin-text {
    left: -90px;
    white-space: nowrap;
  }

  .ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
    left: 18%;
  }
}
